<!---  --->
<style lang = 'scss' scoped>
.app-cintainer{
  padding-top: 40px;
}


</style>

<template>
    <div class="app-cintainer">
      <!-- 顶部Header区域 -->
      <mt-header fixed title="drlsxs · vue项目实战"></mt-header>
      <!-- <h1>这是APP组件</h1> -->


      <router-view></router-view>






      <!-- 中间的路由router-view区域 -->


      <!-- 底部Tabbar区域 -->
      <nav class="mui-bar mui-bar-tab">
			<router-link to="/home" class="mui-tab-item" >
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</router-link>
			<router-link to="/vip" class="mui-tab-item" >
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">会员</span>
			</router-link>
			<router-link  to="/shopcar" class="mui-tab-item" >
				<span class="mui-icon  mui-icon-extra mui-icon-extra-cart"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">购物车</span>
			</router-link>
			<router-link  to="/search" class="mui-tab-item">
				<span class="mui-icon mui-icon-search"></span>
				<span class="mui-tab-label">搜索</span>
			</router-link>
		</nav>
    </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  methods: {

  },
  // 生命周期 - 创建完成
  created () {

  },

  // DOM挂载完毕
  mounted () {

  }
}
</script>
